<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>光耀后台-登陆</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="/vendor/amazeui/assets/i/favicon.png">
    <link rel="stylesheet" href="/vendor/amazeui/assets/css/amazeui.min.css"/>
    <style>
        .header {
            text-align: center;
        }

        .header h1 {
            font-size: 200%;
            color: #333;
            margin-top: 30px;
        }

        .header p {
            font-size: 14px;
        }

        #hand {
            margin-right: 1em;
        }

        .error {
            color: red
        }


        .am-icon-eye-slash, .am-icon-eye {
            cursor: pointer;
        }

    </style>
</head>
<body>
<div class="header">
    <h1>Shop 商城账号登录页面</h1>
    <p>Integrated Development Environment<br/>代码编辑，代码生成，界面设计，调试，编译</p>
</div>
<hr/>
<div class="am-g">
    <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
        @include('layouts.admin._flash')
        <form method="post" id="signForm" action="{{ route('login') }}" class="am-form">
            {{ csrf_field() }}
            <label for="username">账号:</label>
            <div class="am-form-group am-form-icon am-form-feedback">
                <i class="am-icon-user"></i>
                <input type="text" name="username" id="username" value="{{ old('username') }}" class="am-form"
                       placeholder="用户名/邮箱/手机号">
            </div>
            <label id="word" for="loginPasswd">密码:</label>
            <div class="am-form-group am-form-icon am-form-feedback">
                <i class="am-icon-eye-slash"></i>
                <input type="password" id="loginPasswd" name="password" class="am-form" placeholder="密码">
            </div>
            <div id="capital" style="color: #ff2222; display:none;">大写锁定已开启</div>
            <label for="captcha">验证码:</label>
            <div class="am-g">
                <div class="am-u-md-8 am-u-md-push-4 am-u-lg-reset-order am-form-group am-form-icon am-form-feedback">
                    <input type="text" name="captcha" id="captcha" value="" class="am-form" placeholder="验证码">
                    <i id="hand" class="am-icon-hand-o-right"></i>
                </div>
                <div class="am-u-md-4 am-u-md-pull-8 am-u-lg-reset-order">
                    <img src="{{captcha_src()}}" style="cursor: pointer"
                         onclick="this.src='{{captcha_src()}}&'+Math.random()">
                </div>
            </div>
            <br>
            <label style="float: right;">
                <input name="remember" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
                记住密码 30天
            </label>
            <div class="am-cf">
                <button type="submit" class="am-btn am-btn-secondary am-fl"><span>登 陆</span></button>
                <a href="{{ route('password.request') }}" class="am-btn am-fl">忘记密码？</a>
                <a href="{{route('register')}}" class="am-btn am-btn- am-fl"><span>没有账号？</span></a>
                <a href="{{ route('mail') }}" class="am-btn am-fl">邮箱没激活？</a>
            </div>
        </form>
        <br>
        <div class="social-or-login center">
            <span class="bigger-110">第三方账号登陆</span>
        </div>
        <hr>
        <div class="social-login center">
            <a href="{{route('github')}}" class="am-icon-btn am-icon-github"></a>
        </div>
        <hr>
        <p>© 2018 Ca King Shop Inc. Licensed under MIT license.</p>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/vendor/amazeui/assets/js/amazeui.min.js"></script>
<script src="/vendor/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="/vendor/jquery-validation/src/localization/messages_zh.js"></script>
<script src="/admin/user/login.js"></script>
</body>
</html>